
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <title>毕须玩</title>
    <link rel="stylesheet" type="text/css" href="/static/css/style.css"/>
    <link href="/static/css/ma5slider.min.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/nav.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_551664_lfdr9840cu7kfbt9.css"/>
    <script src="/static/js/jquery-3.2.1.min.js"></script>
    <script src="/static/js/jquery.ui.touch-punch.min.js"></script>
    <script src="/static/js/megamenu.js"></script>
    <script src="/static/js/jquery.waterfall.js"></script>
     <script src="../static/js/include.js"></script>
    <style type="text/css">
        * {
            margin: 0;
        }

        #div1 {
            margin: auto;
            position: relative;
        }

        .box {
            float: left;
            padding: 10px;
            border: 1px solid #ccc;
            background: #f7f7f7;
            box-shadow: 0 0 8px #ccc;
        }

        .box:hover {
            box-shadow: 0 0 10px #999;
        }

        .box img {
            width: 150px;
        }
    </style>
</head>

<body>
<!--nav-->
<include src="head.html"></include>
<!--banner-->


<!--top-->
<div class="photo-top" >
    <div id="div1">
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F40.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F39.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F38.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F37.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F36.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F35.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F34.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F33.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F32.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F28.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F30.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F29.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F27.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F26.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F25.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F24.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F23.gif" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F22.jpg" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F21.jpg" alt=""></div>
                <div class="box"><img src="http://yeming.gz.bcebos.com/3594ym%2Fphpoto%2F20.jpg" alt=""></div>
            </div>
      <style type="text/css">
            .pagination p{
                margin:0;
                cursor:pointer
            }
            .pagination{
                height:40px;
                padding:20px 0px 0px 20px;
            }
            .pagination a{
                display:block;
                float:left;
                margin-right:10px;
                padding:2px 12px;
                border:1px #cccccc solid;
                background:#fff;
                text-decoration:none;
                color:#808080;
                font-size:12px;
                line-height:24px;
            }
            .pagination a:hover{
                color:#077ee3;
                background: white;
                border:1px #077ee3 solid;
            }
            .pagination a.cur{
                border:none;
                background:#077ee3;
                color:#fff;
            }
            .pagination p{
                float:left;
                padding:2px 12px;
                font-size:12px;
                line-height:24px;
                color:#bbb;
                border:1px #ccc solid;
                background:#fcfcfc;
                margin-right:8px;
            }
            .pagination p.pageRemark{
                border-style:none;
                background:none;
                margin-right:0px;
                padding:4px 0px;
                color:#666;
            }
            .pagination p.pageRemark b{
                color:red;
            }
            .pagination p.pageEllipsis{
                border-style:none;
                background:none;
                padding:4px 0px;
                color:#808080;
            }
            .dates li {font-size: 14px;margin:20px 0}
            .dates li span{float:right}
        </style><div class="pagination"><p>首页</p> <p>上一页</p> <a href="" class="cur">1</a><a href="/Photo?page=2" title="第"2"页" >2</a> <a href='/Photo?page=2' title='下一页'>下一页</a> <a href='/Photo?page=2' title='尾页'>尾页</a> <p class='pageRemark'>共<b>2</b>页<b>37</b>条数据</p></div></div>

</div>

<div style="clear: both;">
</div>
<div class="footer">
    Copyright © 2018 沪ICP备17012414号
</div>

<script>
    var i = 3;
    $("#div1").waterfall({
        itemClass: ".box",
//       minColCount: 4,
        spacingWidth: 25,
        spacingHeight: 20,
//        resizeable: true,
//
    });
</script>

<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b218268fd5fd410b290e77e4d301da7d";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>

</html>